<template>
	<div>
		<div class="scroll">
			<el-carousel :interval="4000" type="card" height="300px">
			    <el-carousel-item v-for="item in 3" :key="item">
			      <img src="../assets/2.jpg" width="100%" height="300px"/>
			    </el-carousel-item>
			</el-carousel>
		</div>
		
	</div>
</template>

<script>
	import {mapState,mapMutations} from 'vuex';
	export default {
		name:'outTaskList',
		data() {
			return {
				activeIndex2:'2',
			}
		},
		methods: {}
	}
</script>

<style scoped>
	div.scroll{
		height: 300px;
		margin: 0 auto;
	}
	.el-carousel{
		width: 50%;
		margin: 50px auto;
		.el-carousel__item h3 {
		    color: #475669;
		    font-size: 18px;
		    opacity: 0.75;
		    line-height: 200px;
		    margin: 0;
		  }
		  
		  .el-carousel__item:nth-child(2n) {
		    background-color: #99a9bf;
		  }
		  
		  .el-carousel__item:nth-child(2n+1) {
		    background-color: #d3dce6;
		  }
	}
	
</style>